<template>

	<div class="left">
			<ul>
				<router-link to="/"><li class="active">为您推荐</li></router-link>
				<router-link to="fenlei02"><li>面部护理</li></router-link>
				<router-link to="#"><li>底妆彩妆</li></router-link>
				<router-link to="#"><li>休闲零食</li></router-link>
				<router-link to="#"><li>身体护理</li></router-link>
				<router-link to="#"><li>美容美发</li></router-link>
				<router-link to="#"><li>生活用品</li></router-link>
				<router-link to="#"><li>个人护理</li></router-link>
				<router-link to="#"><li>保健养生</li></router-link>
				<router-link to="#"><li>时尚潮品</li></router-link>
				<router-link to="#"><li>母婴用品</li></router-link>
			</ul>
		</div>
	
</template>

<script>

</script>

<style>
	.left{
		margin-top: 9.7rem;
		float: left;
	}
	.left ul{
		position: relative;
		height: 110rem;
		width: 18rem;
		border-right:0.1rem solid #666666 ;
	}
	.left ul li {
		border: 0.1rem solid #666666;
		border-right:none;
		border-left: none;
		height: 8rem;
		width: 18rem;
		line-height: 8rem;
		font-size: 2.6rem;
	}
	.router-link-exact-active{
		position:relative;
		background: #fff;
		color: red;
	}
	.right{
		margin-top: 9.7rem;
		float: left;
		
	}
</style>